<template>
  <el-checkbox-group
    v-model="checkedCities"
    :min="1"
    :max="2"
    text-color="blue"
    fill="#fff"
  >
    <el-checkbox-button v-for="city in cities" :key="city" :label="city">{{ city }}</el-checkbox-button>
  </el-checkbox-group>
</template>
<script>
const cityOptions = ['北京', '广州', '深圳']
export default {
  data() {
    return {
      checkedCities: ['上海'],
      cities: cityOptions
    }
  }
}
</script>
<style scoped lang="scss">
::v-deep {
  .el-checkbox-button__inner {
    border: 0;
  }

}
</style>
